@charset "utf-8";
*{margin: 0; padding: 0;}
html{_background-attachment: fixed;}
body{background: #F1F1F1;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, textarea, th, td, a{font-family: 微软雅黑, Microsoft YaHei, \5FAE\8F6F\96C5\9ED1; font-size: 14px; color: #4c4c4c}
:focus{outline: 0;}
img{max-width: 100%; border: 0; outline: none; vertical-align: middle;}
ul, li, ol{list-style: none outside none;}
input, button{border: 0; outline: none; background: none; filter: chroma(color=#000000);}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #bdbcbc;}
input:-moz-placeholder, textarea:-moz-placeholder{color: #bdbcbc;}
input::-moz-placeholder, textarea::-moz-placeholder{color: #bdbcbc;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #bdbcbc;}
h1, h2, h3, h4, h5, h6{font-weight: normal;}
i, em, b{font-style: normal;}
::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder{color: #999; font-family: 微软雅黑, Microsoft YaHei, \5FAE\8F6F\96C5\9ED1; font-size: 12px;}
a, a *{text-decoration: none; outline: none;}
::selection{background: #f20e0e; color: #fff;}
::-moz-selection{background: #f20e0e; color: #fff;}
table{width: 100%; border-collapse: collapse; border-spacing: 0;}
table td{word-break: break-all; word-wrap: break-word;}
input{font-family: 微软雅黑, Microsoft YaHei, \5FAE\8F6F\96C5\9ED1; font-size: 12px;}
.clearfix{clear: both; zoom: 1;}
.clearfix:after{content: ''; display: block; clear: both;}
.fl{display: inline; float: left}
.fr{display: inline; float: right}
.one-txt-cut{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.txt-cut{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; /* -webkit-line-clamp: 2; */ -webkit-box-orient: vertical;}
i{display: inline-block;}
.part_content{width: 1200px; margin: auto;}
.common_title{text-align: center; position: relative;}
.common_title01{font-size: 24px; color: #353535; line-height: 24px;}
.common_title02{display: inline-block; font-size: 12px; color: #d8d8d8; line-height: 12px; text-transform: uppercase; padding: 7px 12px 14px; border-bottom: 1px solid #e3e5e9;}
.common_title03{font-size: 14px; color: #9c9c9c; line-height: 14px; padding-top: 18px;}
.common_title .color_block{position: absolute; bottom: 31px; left: 50%; margin-left: -10px; height: 3px; width: 20px;}
.common_title .color_block span{display: inline-block; width: 50%; height: 100%; background-color: #3ea1e1; float: left;}
.common_title .color_block span:first-child{background-color: #c70203;}
.process_common{height: 462px; background: url("../images/common/process_bg.jpg") center center no-repeat;}
.process_common .common_title{padding-top: 84px;}
.process_common .common_title p{color: #fff !important;}
.process_common .process_list{margin-top: 84px; overflow: hidden;}
.process_common .process_list li{float: left; width: 138px; height: 98px; background: url("../images/common/process_icon_bg0.png"), url("../images/common/process_icon_bg1.png") center center no-repeat; text-align: center; padding-top: 18px; cursor: default; transition: all 0.3s;}
.process_common .process_list li:not(.process_arrow):hover{background-image: url("../images/common/process_icon_bg0.png"), url("../images/common/process_icon_bg0_hover.png");}
.process_common .process_list li i{width: 73px; height: 56px;}
.process_common .process_list li p{line-height: 14px; color: #dc0b1a; margin-top: 8px; transition: all 0.3s;}
.process_common .process_list1 i{background: url("../images/common/process_icon1.png") center center no-repeat;}
.process_common .process_list1:hover i{background: url("../images/common/process_icon1_hover.png") center center no-repeat;}
.process_common .process_list1:hover p{color: #fff;}
.process_common .process_list2 i{background: url("../images/common/process_icon2.png") center center no-repeat;}
.process_common .process_list2:hover i{background: url("../images/common/process_icon2_hover.png") center center no-repeat;}
.process_common .process_list2:hover p{color: #fff;}
.process_common .process_list3 i{background: url("../images/common/process_icon3.png") center center no-repeat;}
.process_common .process_list3:hover i{background: url("../images/common/process_icon3_hover.png") center center no-repeat;}
.process_common .process_list3:hover p{color: #fff;}
.process_common .process_list4 i{background: url("../images/common/process_icon4.png") center center no-repeat;}
.process_common .process_list4:hover i{background: url("../images/common/process_icon4_hover.png") center center no-repeat;}
.process_common .process_list4:hover p{color: #fff;}
.process_common .process_list5 i{background: url("../images/common/process_icon5.png") center center no-repeat;}
.process_common .process_list5:hover i{background: url("../images/common/process_icon5_hover.png") center center no-repeat;}
.process_common .process_list5:hover p{color: #fff;}
.process_common .process_list6 i{background: url("../images/common/process_icon6.png") center center no-repeat;}
.process_common .process_list6:hover i{background: url("../images/common/process_icon6_hover.png") center center no-repeat;}
.process_common .process_list6:hover p{color: #fff;}
.process_common .process_list7 i{background: url("../images/common/process_icon7.png") center center no-repeat;}
.process_common .process_list7:hover i{background: url("../images/common/process_icon7_hover.png") center center no-repeat;}
.process_common .process_list7:hover p{color: #fff;}
.process_common .process_list .process_arrow{width: 30px; background: url("../images/common/process_arrow.png") center center no-repeat; margin-right: 8px;}
footer{width: 100%; background: #1f1f24;}
.customerShow{width: 100%; background: #fdfdfd; padding-bottom: 50px;}
.wrap_service{width: 1200px; margin: auto; padding-top: 68px; text-align: center; font-size: 0;}
.wrap_service p{font-size: 22px; color: #353535; font-size: 22px;}
.wrap_service .englishName{font-size: 10px; color: #d8d8d8;}
.line1{margin: 0 auto 10px auto; width: 18px; height: 1px; background: #ededed;}
.line2{margin: 20px auto 12px auto; width: 18px; height: 1px; background: #ededed;}
.wrap_service .share{font-size: 14px; color: #9c9c9c;}
.wrap_service .needService{width: 106px; height: 20px; font-size: 14px; color: #9c9c9c; margin: auto; background: url('../images/common/arrows.png') no-repeat center;}
.customerShow table{width: 1200px; margin: 42px auto 0 auto; text-align: center;}
.customerShow tr{height: 104px; line-height: 104px; border: 1px solid #eeeeee;}
.customerShow tr td{overflow: hidden; width: 17.142%; border-right: 1px solid #eeeeee;}
.customerShow tr td img{-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.customerShow tr td img:hover{-webkit-filter: grayscale(0); filter: grayscale(0); transform: scale(1.1, 1.1);}
.footerBanner{width: 100%; height: 114px; background: url('../images/common/banner.png') no-repeat center;}
.f_B_mid{width: 1200px; height: 251px; margin: auto; position: relative;}
.wrap_code{position: absolute; width: 100%; height: 100%; top: -137px; overflow: hidden}
.wrap_code>*{float: left;}
.code{width: 299px; height: 251px; background: url('../images/common/wrapErweima.png') no-repeat center; text-align: center;}
.code img{display: inline-block; margin: 58px 0 10px 0;}
.code p{font-size: 16px; color: #fff;}
.code span{font-size: 8px; color: #383636;}
.companyPrice ul{overflow: hidden; width: 900px; background: #d6000f;}
.companyPrice ul li{float: left; width: 20%; height: 137px; text-align: center; box-sizing: border-box; border-right: 1px solid #e43945;}
.companyPrice ul li:last-child{border: none;}
.companyPrice ul li a{font-size: 0;}
.companyPrice ul li i{display: inline-block; margin: 42px 0 16px 0; width: 33px; height: 33px;}
i.f_icon1{background: url('../images/common/sense.png') no-repeat center;}
i.f_icon2{background: url('../images/common/pen.png') no-repeat center;}
i.f_icon3{background: url('../images/common/price.png') no-repeat center;}
i.f_icon4{background: url('../images/common/target.png') no-repeat center;}
i.f_icon5{background: url('../images/common/location1.png') no-repeat center;}
.companyPrice ul li span{display: block; color: #ffc295; font-size: 14px;}
.companyPrice ul li:hover i,
.companyPrice ul li:hover span{transform: scale(1.1, 1.1);}
.companyPrice ul li:hover i.f_icon1{background: url('../images/common/sense1.png') no-repeat center;}
.companyPrice ul li:hover i.f_icon2{background: url('../images/common/pen1.png') no-repeat center;}
.companyPrice ul li:hover i.f_icon3{background: url('../images/common/price1.png') no-repeat center;}
.companyPrice ul li:hover i.f_icon4{background: url('../images/common/target1.png') no-repeat center;}
.companyPrice ul li:hover i.f_icon5{background: url('../images/common/location.png') no-repeat center;}
.companyPrice ul li:hover span{color: #fff;}
.f_input{width: 460px; height: 47px; background: #eca177; line-height: 47px;}
.f_input input::-moz-placeholder{/* Mozilla Firefox 19+ */ color: #e6e6e6;}
.f_input input:-ms-input-placeholder{color: #e6e6e6;}
.f_input input::-webkit-input-placeholder{color: #e6e6e6;}
.f_input input{font-size: 12px; box-sizing: border-box; padding-left: 12px; display: inline-block; width: 356px; background: #fff; height: 46px; position: relative; top: -1.5px;}
.f_input span{color: #fff; cursor: pointer; font-size: 16px; text-align: center; display: inline-block; width: 99px; height: 100%; background: #eca177;}
.fm{background: #1f1f24; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.footerMid{width: 1200px; margin: auto;}
.ft_list:last-of-type{border: 0;}
.fm{padding: 50px 0 30px;}
.fm_list{position: relative; padding-left: 30px; width: 150px; box-sizing: border-box;}
.fm_list h3{font-size: 16px; margin-bottom: 25px; color: #b6b6b6;}
.fm_list p{font-size: 13px; line-height: 30px;}
.fm_list p a:hover{color: #f34553;}
.fm_list:first-of-type{padding-left: 0; width: 120px;}
.fm_list:after{content: ""; position: absolute; right: 0; top: 5px; height: 145px; width: 1px; background: rgba(255, 255, 255, 0.1);}
.fm_list:nth-of-type(2):after{height: 95px;}
.fm_list:nth-of-type(3):after{height: 180px;}
.fm_list:nth-of-type(4):after{height: 150px;}
.fm_list:nth-of-type(5):after{height: 185px;}
.fm_imgs{margin-top: 45px;}
.fm_imgs a{margin-right: 12px;}
.fm_right{width: 425px; padding-left: 35px; box-sizing: border-box; height: 285px; background: url(../images/common/chinaDistribut.png) no-repeat; background-position: 35px 18px;}
.fm_right_title{position: relative; font-size: 16px; color: #b6b6b6; margin-bottom: 25px;}
.fm_right_title:after{content: ""; position: absolute; top: 33px; left: 0; width: 15px; height: 2px; background: #535353;}
.fm_right_curr{color: #787878; font-size: 12px; line-height: 20px; margin-bottom: 30px;}
.erweima_box{width: 108px;}
.erweima_box dt{width: 108px; height: 108px; overflow: hidden;}
.erweima_box dt img{width: 100%; height: 100%;}
.erweima_box dd{text-align: center; margin-top: 8px; font-size: 13px;}
.fb{padding: 35px 0 20px; width: 1200px; margin: auto;}
.fb_lists{margin-bottom: 20px;}
.fb_list a{position: relative; color: #cacaca; padding: 0 15px;}
.fb_lists p{color: #cacaca;}
.fb_list a:after{content: ''; position: absolute; top: 6px; right: 0; height: 10px; width: 1px; background: #757577;}
.fb_list:last-of-type a:after{display: none;}
.fb_text,.fb_text a{color: #757575; font-size: 12px; margin-bottom: 10px;}
.fb_select{cursor: pointer;}
.fb_select_con{width: 200px; height: 40px; background: #29292f; padding-left: 15px; line-height: 40px; color: #8a8a8a}
.fb_select_img{width: 45px; height: 40px; background: #36363c; text-align: center; line-height: 40px;}
.fb_select_con,
.fb_select_img{display: inline-block;}
.fb_select_img{background: #e39130;}
.fb_right_text{font-size: 12px; margin-top: 15px;}
.fb_right_text span{font-family: "宋体"; font-weight: bold; margin-right: 5px;}
.fb_select{position: relative;}
.fb_select_text{position: absolute; width: 100%; bottom: 40px; left: 0; display: none;}
.fb_firends{width: 100%; height: 40px; line-height: 40px; padding-left: 15px; background: #4e4e53; box-sizing: border-box;}
.fb_firends a{color: #8a8a8a;}
.fb_firends:hover{background: #46464c;}
i{display: inline-block;}
.part_content{width: 1200px; margin: auto;}
.common_title{text-align: center; position: relative;} .common_title01{font-size: 24px; color: #353535; line-height: 24px;} .common_title02{display: inline-block; font-size: 12px; color: #d8d8d8; line-height: 12px; text-transform: uppercase; padding: 7px 12px 14px; border-bottom: 1px solid #e3e5e9;} .common_title03{font-size: 14px; color: #9c9c9c; line-height: 14px; padding-top: 18px;} .common_title .color_block{position: absolute; bottom: 31px; left: 50%; margin-left: -10px; height: 3px; width: 20px;} .common_title .color_block span{display: inline-block; width: 50%; height: 100%; background-color: #3ea1e1; float: left;} .common_title .color_block span:first-child{background-color: #c70203;}
.banner{width: 100%; height: 590px; background: url("../images/webCertIndex/banner.png") center center no-repeat;} .banner_text{width: 1200px; margin: auto;} .banner_text p{color: #fff; font-size: 26px; line-height: 26px;} .banner_text p span{display: inline-block;} .banner_text p span:after{content: ''; height: 20px; border-left: 1px dashed #fff; display: inline-block; margin: 0 19px;} .banner_text p:first-child{font-size: 50px; line-height: 50px; padding: 173px 0 32px 0;}
.certification{padding: 10px 0 85px; overflow: hidden; background-color: #fff; text-align: center;} .certification_list{margin-top: 76px;} .certification_list li{float: left; padding: 18px 75px 0; border-left: 1px dashed #bababa;} .certification_list li:first-child{border: none;} .certification_list li div{width: 124px; margin: auto; height: 148px; background: url("../images/webCertIndex/certify-icon-bg.png") center center no-repeat; margin-bottom: 55px;} .certification_list li div i{width: 76px; height: 76px; position: relative; top: 36px;} .certification_list li a{display: inline-block; width: 126px; height: 36px;} .certification_list li a span{display: inline-block; width: 100%; height: 100%; background: url("../images/webCertIndex/certify-arrow.png") center center no-repeat; color: #fff; line-height: 36px;} .certification_text01{font-size: 24px;} .certification_text02{line-height: 14px; color: #353535; margin: 12px 0 33px;} .certification_list1:hover div i{background: url("../images/webCertIndex/certify-icon1_hover.png") center center no-repeat;} .certification_list1:hover .certification_text01{color: #dc0b1a;} .certification_list1:hover a{background-color: #dc0b1a;} .certification_list1 div i{background: url("../images/webCertIndex/certify-icon1.png") center center no-repeat; transition: all 0.4s;} .certification_list1 .certification_text01{color: #ee575e; transition: all 0.4s;} .certification_list1 a{background-color: #ee575e; transition: all 0.4s;} .certification_list2:hover div i{background: url("../images/webCertIndex/certify-icon2_hover.png") center center no-repeat;} .certification_list2:hover .certification_text01{color: #1c8ad1;} .certification_list2:hover a{background-color: #1c8ad1;} .certification_list2 div i{background: url("../images/webCertIndex/certify-icon2.png") center center no-repeat; transition: all 0.4s;} .certification_list2 .certification_text01{color: #3ea1e1; transition: all 0.4s;} .certification_list2 a{background-color: #3ea1e1; transition: all 0.4s;} .certification_list3:hover div i{background: url("../images/webCertIndex/certify-icon3_hover.png") center center no-repeat;} .certification_list3:hover .certification_text01{color: #139e94;} .certification_list3:hover a{background-color: #139e94;} .certification_list3 div i{background: url("../images/webCertIndex/certify-icon3.png") center center no-repeat; transition: all 0.4s;} .certification_list3 .certification_text01{color: #42cac0; transition: all 0.4s;} .certification_list3 a{background-color: #42cac0; transition: all 0.4s;} .certification_list4:hover div i{background: url("../images/webCertIndex/certify-icon4_hover.png") center center no-repeat;} .certification_list4:hover .certification_text01{color: #18914c;} .certification_list4:hover a{background-color: #18914c;} .certification_list4 div i{background: url("../images/webCertIndex/certify-icon4.png") center center no-repeat; transition: all 0.4s;} .certification_list4 .certification_text01{color: #27ae61; transition: all 0.4s;} .certification_list4 a{background-color: #27ae61; transition: all 0.4s;}
.value{padding: 84px 0; background: url("../images/webCertIndex/value_bg.png") center center repeat-x;} .value .common_title{margin-bottom: 56px;} .value_list{overflow: hidden;} .value_list li{float: left; width: 380px; height: 220px; background-color: #fff; margin-left: 30px; margin-top: 56px; border-bottom: 8px solid #d9d9d9; cursor: default; transition: all 0.2s;} .value_list li:hover{border-color: #3ea1e1; background: url("../images/webCertIndex/value_list_bg.png") center center no-repeat;} .value_list li:hover .value_list_text p{color: #666666;} .value_list li:hover .value_list_text p:first-child{color: #333333;} .value_list1{margin-left: 0 !important;} .value_list1 i{background: url("../images/webCertIndex/value_icon1.png") center center no-repeat;} .value_list2 i{background: url("../images/webCertIndex/value_icon2.png") center center no-repeat;} .value_list3 i{background: url("../images/webCertIndex/value_icon3.png") center center no-repeat;} .value_list4{margin-left: 0 !important;} .value_list4 i{background: url("../images/webCertIndex/value_icon4.png") center center no-repeat;} .value_list5 i{background: url("../images/webCertIndex/value_icon5.png") center center no-repeat;} .value_list6 i{background: url("../images/webCertIndex/value_icon6.png") center center no-repeat;} .value_list_pic{width: 90px; height: 90px; border-radius: 50%; background-color: #3ea1e1; margin-top: -17px; margin-left: 23px; text-align: center;} .value_list_pic i{width: 56px; height: 51px; margin-top: 22px;} .value_list_text{width: 238px; margin-left: 112px;} .value_list_text p{line-height: 26px; color: #949494;} .value_list_text p:first-child{font-size: 18px; color: #5c5c5c; line-height: 18px; margin-bottom: 17px;}
.advantages{background-color: #fff; padding: 84px 0 161px;} .advantages .common_title{position: relative;} .advantages .common_title03:after{content: ''; border: 12px solid transparent; border-top-color: #f1f3f8; display: inline-block; position: absolute; bottom: -48px; left: 50%; margin-left: -10px;} .advantages_detail{height: 564px; margin-top: 168px; background: url("../images/webCertIndex/advantages.jpg") center center no-repeat;} .advantages_detail ul li:first-child{font-size: 20px; line-height: 20px;} .advantages_detail li{line-height: 28px;} .advantages_detail span{display: inline-block;} .advantages_detail span:first-child{width: 16px; height: 16px; background-color: #58595a; border-radius: 50%; margin-right: 8px; text-align: center; line-height: 16px; color: #feffff; position: relative; top: -28px;} .advantages_left{float: left; padding-left: 20px;} .advantages_left li{color: #58595a;} .advantages_left0{margin: 91px 0 0 40px;} .advantages_left0 span{width: 240px;} .advantages_left1{margin: 65px 0 0 55px;} .advantages_left1 span{width: 90px;} .advantages_left2{margin: 89px 0 0 0;} .advantages_left2 span{width: 90px;} .advantages_left3{margin: 100px 0 0 98px;} .advantages_left3 span{width: 176px;} .advantages_right{float: right; margin: -33px -20px 0 0;} .advantages_right li{color: #3ea1e1;} .advantages_right li span:first-child{background-color: #3ea1e1;} .advantages_right0{margin: 0 0 0 0;} .advantages_right0 span{width: 207px;} .advantages_right1{margin: 58px 0 0 15px;} .advantages_right1 span{width: 104px;} .advantages_right2{margin: 90px 0 0 -5px;} .advantages_right2 span{width: 90px;} .advantages_right3{margin: 86px 0 0 68px;} .advantages_right3 span{width: 104px;}
.process_common{height: 462px; background: url("../images/common/process_bg.jpg") center center no-repeat;} .process_common .common_title{padding-top: 84px;} .process_common .common_title p{color: #fff !important;} .process_common .process_list{margin-top: 84px; overflow: hidden;} .process_common .process_list li{float: left; width: 138px; height: 98px; background: url("../images/common/process_icon_bg0.png"), url("../images/common/process_icon_bg1.png") center center no-repeat; text-align: center; padding-top: 18px; cursor: default;} .process_common .process_list li:not(.process_arrow):hover{background-image: url("../images/common/process_icon_bg0.png"), url("../images/common/process_icon_bg0_hover.png");} .process_common .process_list li i{width: 73px; height: 56px;} .process_common .process_list li p{line-height: 14px; color: #dc0b1a; margin-top: 8px;} .process_common .process_list1 i{background: url("../images/common/process_icon1.png") center center no-repeat;} .process_common .process_list1:hover i{background: url("../images/common/process_icon1_hover.png") center center no-repeat;} .process_common .process_list1:hover p{color: #fff;} .process_common .process_list2 i{background: url("../images/common/process_icon2.png") center center no-repeat;} .process_common .process_list2:hover i{background: url("../images/common/process_icon2_hover.png") center center no-repeat;} .process_common .process_list2:hover p{color: #fff;} .process_common .process_list3 i{background: url("../images/common/process_icon3.png") center center no-repeat;} .process_common .process_list3:hover i{background: url("../images/common/process_icon3_hover.png") center center no-repeat;} .process_common .process_list3:hover p{color: #fff;} .process_common .process_list4 i{background: url("../images/common/process_icon4.png") center center no-repeat;} .process_common .process_list4:hover i{background: url("../images/common/process_icon4_hover.png") center center no-repeat;} .process_common .process_list4:hover p{color: #fff;} .process_common .process_list5 i{background: url("../images/common/process_icon5.png") center center no-repeat;} .process_common .process_list5:hover i{background: url("../images/common/process_icon5_hover.png") center center no-repeat;} .process_common .process_list5:hover p{color: #fff;} .process_common .process_list6 i{background: url("../images/common/process_icon6.png") center center no-repeat;} .process_common .process_list6:hover i{background: url("../images/common/process_icon6_hover.png") center center no-repeat;} .process_common .process_list6:hover p{color: #fff;} .process_common .process_list7 i{background: url("../images/common/process_icon7.png") center center no-repeat;} .process_common .process_list7:hover i{background: url("../images/common/process_icon7_hover.png") center center no-repeat;} .process_common .process_list7:hover p{color: #fff;} .process_common .process_list .process_arrow{width: 30px; background: url("../images/common/process_arrow.png") center center no-repeat; margin-right: 8px;}
.yz_advantage{padding: 84px 0; background: url("../images/webCertIndex/value_bg.png") center center repeat-x;} .yz_advantage .common_title{margin-bottom: 78px;} .yz_advantage .common_title .color_block{bottom: 17px;} .yz_advantage .common_title .common_title02{padding: 7px 505px 14px;} .yz_advantage_list{height: 475px; border: 5px solid #f1f3f8; position: relative;} .yz_advantage_list:after{content: ''; width: 1200px; height: 4px; background-color: #d9d9d9; display: block; position: absolute; bottom: -9px; left: -5px;} .yz_advantage_list li{float: left; border: 5px solid #f1f3f8; width: 186px; height: 465px; position: relative; transition: all 0.4s;} .yz_advantage_list li .mask{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(53, 53, 53, 0.8);} .yz_advantage_list li:first-child .yz_advantage_text{display: block;} .yz_advantage_list1{background: url("../images/webCertIndex/yz_advantage_pic1.jpg"); background-position: center;} .yz_advantage_list2{background: url("../images/webCertIndex/yz_advantage_pic2.jpg"); background-position: center;} .yz_advantage_list3{background: url("../images/webCertIndex/yz_advantage_pic3.jpg"); background-position: center;} .yz_advantage_list4{background: url("../images/webCertIndex/yz_advantage_pic4.jpg"); background-position: center;} .yz_advantage_list .yz_advantage_text{text-align: center; display: none; position: relative; z-index: 2; transition: all 0.4s;} .yz_advantage_list .yz_advantage_text p{color: #f1f3f8; margin-top: 20px;} .yz_advantage_list .yz_advantage_text p:first-child{width: 217px; margin: 318px auto 0; height: 46px; border: solid 1px #ffffff; text-align: center; line-height: 46px; font-size: 24px; font-weight: bold;} .yz_advantage_list .yz_advantage_text p:first-child:after{content: ''; width: 0; height: 0; display: block; border: 6px solid transparent; border-top-color: #f1f3f8; margin: 5px auto;} .yz_advantage_list .on{width: 592px;} .yz_advantage_list .on .mask{background: rgba(28, 28, 28, 0.4);}